/**
 * This example demonstrates the Toolbar's two different modes of handling overflow:
 *
 * - "menu": buttons that don't fit on the toolbar are rendered into an overflow menu
 * - "scroller": scroller buttons are rendered on either side of the toolbar for scrolling
 * overflowing items into view.
 */
Ext.define('DragonApp.view.journal.FilterBar', {
    extend: 'Ext.toolbar.Toolbar',
    xtype: 'journal-filter',

    controller: 'journal',

    items: ['->',
        {
            xtype: 'textfield',
            name: 'searchfield',
            itemId: 'search_field',
            emptyText: '请输入筛选关键字',
            listeners: {
                specialKey: 'onTextFieldSpecialKeySearch'
            }
        }, {
            xtype: 'button',
            itemId: 'search_btn',
            text: '搜索',
            reference: 'search',
            iconCls: 'fa fa-search fa-lg buttonIcon',
            listeners: {
                click: 'onSearch'
            }
        }
    ]
});